<input>
Поля ввода input
Для получения информации от пользователя внутрь формы помещают поля ввода. Большинство из них задаётся тегом input .
disabled
Блокировка поля
Иногда поле нужно заблокировать. Например, пока форма отправляет данные на сервер, стоит запретить возможность редактировать поля.
min, max и step
Минимальные, максимальные и шаг значения
Границы диапазона определяются атрибутами min и max . По умолчанию их значения 0 и 100. Если вам нужны другие границы, определите их вручную.
label=" "
Подпись поля
В этом уроке мы сообщим браузеру и пользователю, что именно вводить в каждое поле. Для этого используют тег label (переводится как ярлык).
placeholder=" "
Подсказки в текстовых полях
Добавим к текстовым полям подсказки.
required
Обязательные поля
Поля формы можно помечать как обязательные. Без заполнения таких полей форму не получится отправить — браузер выдаст сообщение об ошибке.
<input type="text">
Однострочное текстовое поле
Почти всем формам требуется текстовый ввод от пользователей,
чтобы ввести своё имя, адрес электронной почты, пароль, адрес и др.
< datalist >, < option >
Cписок подсказок при вводе в текстовое поле
Элемент < datalist > позволяет
создать список подсказок, который появляется при наборе текста.
<textarea> </textarea>
Многострочное текстовое поле
Поле < textarea > представляет собой элемент формы
для создания области, в которую можно вводить несколько строк.
<input type="email">
Адрес электронной почты
Поле < textarea > представляет собой элемент формы
для создания области, в которую можно вводить несколько строк.
<input type="password">
Ввод пароля
< input > элементы типа password предоставляют
пользователю возможность безопасного ввода пароль.
<input type="tel">
Ввод телефонных номеров
< input > элементы type tel
используются для того, чтобы пользователь мог вводить
и редактировать телефонный номер.
<input type="url">
Ввод url
< input > элементы типа url используются,
чтобы позволить пользователю вводить и редактировать URL-адрес.
<input type="search">
Ввод поисковых запросов
< input > элементы типа search — это
текстовые поля, предназначенные для ввода пользователем поисковых запросов.
<input type="number">
Ввод числа
< input > элементы типа number используются,
чтобы позволить пользователю ввести число.
<input type="hidden">
Ввод скрытой информации
hidden позволяют веб-разработчикам включать данные, которые
не могут быть просмотрены или изменены пользователями
<input type="color">
Поле выбора цвета
HTML < input type="color" > используется для определения палитры цветов . значение должно быть семисимвольным шестнадцатеричным